@label-width: 120px;
.resource-header {
    background: white;
    margin-bottom: 10px;
    padding: 10px;
}
.resource-pane {
    width: 100%;
}
.card-left {
    width: 49%;
    height: 250px;
    float: left;
}
.card-right {
    width: 49%;
    height: 250px;
    float: right;
}
.card-box {
    position: relative;
    background-color: #fff;
    border: 1px solid #ebf0f5;
    box-shadow: 0 3px 6px 0 rgba(51, 60, 72, 0.05);
    .card-box-content {
        height: 215px;
        margin: 0 0 20px;
        overflow: hidden;
        overflow-y: auto;
        .card-row{
            margin-bottom: 10px;
            background: #F9F9F9;
            .hcp-col{
                padding: 8px 8px;
            }
            a {
                color: #999999;
            }
        }
        .card-row:hover{
            background-color: #4E84E9;
            color: #fff;
            a {
                color: #fff;
            }
        }
    }
}
.resource-box {
    margin-bottom: 20px;
    padding: 0 15px;
    .title {
        font-size: 14px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #333333;
        line-height: 20px;
        padding: 20px 0;
    }
    .resource-item {
        margin-bottom: 10px;
        .resource-item-label {
            position: relative;
            height: 100%;
            width: @label-width;
            display: inline-block;
            .name {
                position: absolute;
                width: 100%;
                top: 50%;
                transform: translateY(-50%);
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                word-break: keep-all;
            }
        }
        .model-box {
            background: #EBEBEB;
            border-radius: 2px;
            width: calc(100% - @label-width);
            display: inline-block;
            &.no-label {
                margin-left: @label-width;
            }
        }
        .model-item {
            display: inline-block;
            min-width: 150px;
            padding: 15px;
            cursor: pointer;
            .iconfont {
                display: block;
                margin-left: 5px;
                font-size: 24px !important;
            }
            .name {
                color: #333333;
                margin: 5px 5px 0 0;
                display: inline-block;
            }
        }
    }
}

